<template>

	<view class="bot">
		<view class="btns" @click="onCopy(copyText)">{{colors}}</view>
	</view>

</template>


<script>
	export default {
		data() {
			return {};
		},
		props: {
			copyText:{
				type: String
			},
			colors: {
				type: String
			},
		},
		methods: {

			onCopy(value) { //复制内容
				// #ifdef H5
				var input = document.createElement('input'); // 直接构建input
				input.value = value; // 设置内容
				document.body.appendChild(input); // 添加临时实例
				input.select(); // 选择实例内容
				document.execCommand('Copy'); // 执行复制
				document.body.removeChild(input); // 删除临时实例
				uni.showToast({
					title: '复制成功~',
					icon: 'none'
				})
				// #endif
				// #ifndef H5
				uni.setClipboardData({
					data: value,
					success: function() {
						uni.showToast({
							title: '复制成功~',
							icon: 'none'
						})
					}
				})
				// #endif
			},


		}
	};
</script>


<style lang="scss" scoped>
    .bot{
        display: inline-block;
        .btns {
        	font-size: 28rpx;
        	line-height: 44rpx;
        	color: #2979ff;
        	text-align: center;
        }
    }
	
</style>